<ion-view cache-view="false">
  <button on-touch="goback()" class="button fix-return-btn" type="button"></button>
  <ion-content overflow-scroll="true" has-bouncing="true" on-swipe-left="swipeLeft()" on-swipe-right="swipeRight()">
    <div ng-if="bookContent">
      <div class="book-details-top">
        <button type="button" class="button book-details-button fr" ng-bind="bookContent.bd_chapter_info"></button>
        <button type="button" class="button book-details-button">《{{bookContent.book_title}}》</button>
      </div>
      <div id="bookDetail" class="book-details-warp message_content text-copy" data-tap-disabled=true ng-bind-html="bookContent.bd_chapter_content|to_trusted">
      </div>
    </div>
  </ion-content>

    <div class="tabs tabs-icon-only ctrl-fix-nav" ng-if="bookContent">
      <a on-touch="collectBd()" class="tab-item">
        <i class="icon ctrl-collect-btn" ng-class="{'active':bookContent.mcdStatus}"></i>
      </a>
      <a on-touch="likeBd()" class="tab-item">
        <i class="icon ctrl-praise-btn" ng-class="{'active':bookContent.lcdStatus}"></i>
      </a>
      <a ng-href="#/magazine-comment/{{bookContent.book_detail_id}}" class="tab-item">
        <i class="icon ctrl-comment-btn"><em class="ctrl-nav-num" ng-bind="bookContent.bd_comment_num"></em></i>
      </a>
    </div>
</ion-view>
